// pages/shoppingCar/shoppingCar.js
var Zan = require('../../dist/index');
var network = require('../../utils/network_util.js');
var api = require('../../utils/api.js');
var storage = require('../../utils/storage.js');
var utils = require('../../utils/utils.js');
var delIndex = 0;
var start = 0;

Page(Object.assign({}, Zan.TopTips, {

  /**
   * 页面的初始数据
   */
  data: {
    items: [],
    products: [],
    shoppingCartIds: [],
    startX: 0, //开始坐标
    startY: 0,
    price: 0,
    recordsTotal: 0,
    all_selected: false,
    count: 0,
    nodata: {
      msg: '购物车是空的',
      notype: 1,
      imgurl: '../../images/nodatas.png',
      nourl: ''
    }
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    wx.setNavigationBarTitle({
      title: "购物车",
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    allPrice(this, this.data.items);
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    this.onPullDownRefresh();
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    start = 0;
    wx.stopPullDownRefresh();
    this.setData({
      items: [],
    });
    network._post_page_json(this, api.getShoppingCartList, start, {}, success);
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    if (this.data.items.length < this.data.recordsTotal) {
      start = start + 20;
      network._post_page_json(this, api.getShoppingCartList, start, {}, success);
    }
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  },

  //手指触摸动作开始 记录起点X坐标
  touchstart: function (e) {
    //开始触摸时 重置所有删除
    this.data.items.forEach(function (v, i) {
      if (v.isTouchMove)//只操作为true的
        v.isTouchMove = false;
    })
    this.setData({
      startX: e.changedTouches[0].clientX,
      startY: e.changedTouches[0].clientY,
      items: this.data.items
    })
  },
  //滑动事件处理
  touchmove: function (e) {
    var that = this,
      index = e.currentTarget.dataset.index,//当前索引
      startX = that.data.startX,//开始X坐标
      startY = that.data.startY,//开始Y坐标
      touchMoveX = e.changedTouches[0].clientX,//滑动变化坐标
      touchMoveY = e.changedTouches[0].clientY,//滑动变化坐标
      //获取滑动角度
      angle = that.angle({ X: startX, Y: startY }, { X: touchMoveX, Y: touchMoveY });
    that.data.items.forEach(function (v, i) {
      v.isTouchMove = false
      //滑动超过30度角 return
      if (Math.abs(angle) > 30) return;
      if (i == index) {
        if (touchMoveX > startX) //右滑
          v.isTouchMove = false
        else //左滑
          v.isTouchMove = true
      }
    })
    //更新数据
    that.setData({
      items: that.data.items
    })
  },
  /**
   * 计算滑动角度
   * @param {Object} start 起点坐标
   * @param {Object} end 终点坐标
   */
  angle: function (start, end) {
    var _X = end.X - start.X,
      _Y = end.Y - start.Y
    //返回角度 /Math.atan()返回数字的反正切值
    return 360 * Math.atan(_Y / _X) / (2 * Math.PI);
  },
  /**
   * 删除事件
   */
  del: function (e) {
    delIndex = e.currentTarget.dataset.index;
    var shopCart = this.data.items[delIndex];
    var that = this
    wx.showModal({
      title: '提示',
      content: '确定删除吗？',
      success: function (res) {
        if (res.confirm) {
          console.log('用户点击确定')
          network._post_json(that, api.delShoppingCart, { shopCarId: shopCart.id }, delSuccess);
        } else if (res.cancel) {
          console.log('用户点击取消')
        }
      }
    })


  },

  /**
   * 减商品数量
   */
  reduce: function (e) {
    var shopCar = e.currentTarget.dataset.item;
    var index = e.currentTarget.dataset.index;
    if (shopCar.count > 1) {
      shopCar.count--;
      shopCar.price = shopCar.product.price * shopCar.count;
      this.data.items[index] = shopCar;
      this.setData({
        items: this.data.items
      });

      allPrice(this, this.data.items);
    }
  },
  /**
   * 加商品数量
   */
  add: function (e) {
    var shopCar = e.currentTarget.dataset.item;
    var index = e.currentTarget.dataset.index;
    // if (shopCar.count < shopCar.product.total) {
    shopCar.count++;
    shopCar.price = shopCar.product.price * shopCar.count;
    this.data.items[index] = shopCar;
    this.setData({
      items: this.data.items
    });

    allPrice(this, this.data.items);
    // } else {
    //   wx.showToast({
    //     title: "已达限购数量",
    //   })
    // }
  },

  /**
   * 选商品
   */
  selected: function (e) {
    var index = e.currentTarget.dataset.index;
    this.data.items[index].selected = !this.data.items[index].selected
    this.setData({
      items: this.data.items
    });

    isAllSelected(this, this.data.items);
    allPrice(this, this.data.items);
  },

  /**
   * 商品全选
   */
  allSelected: function (e) {
    var price = 0;
    this.setData({
      all_selected: !this.data.all_selected,
    });
    
    for (var i = 0; i < this.data.items.length; i++) {
      if (this.data.all_selected) {
        this.data.items[i].selected = true;
        if (this.data.items[i].selected) {
          price += this.data.items[i].product.price * this.data.items[i].count;

          this.setData({
            price: price
          })
          console.log(this.data.price);
        }
      } else {
        this.data.items[i].selected = false;
        this.setData({
          price: 0
        })
      }
    }

    // var index = e.currentTarget.dataset.index;
    // this.data.items[index].selected = !this.data.items[index].selected
    this.setData({

      items: this.data.items
    });

    isAllSelected(this, this.data.items);
    allPrice(this, this.data.items);
  },

  pay: function (e) {
    var products = [];
    var cartIds = [];
    var shoppingCartIds = [];
    var canShipping = false;
    for (var i = 0; i < this.data.items.length; i++) {
      if (this.data.items[i].selected) {
        var selectedItems = this.data.items[i];
        var product = {};
        product.id = selectedItems.product.id;
        product.title = selectedItems.product.title;
        product.smallImgUrl = selectedItems.product.smallImgUrl;
        product.count = selectedItems.count;
        //product.commodityActivity = selectedItems.product.commodityActivity;

        if (selectedItems.product.productSpec) {
          product.price = selectedItems.product.productSpec.price;
          product.specName = selectedItems.product.productSpec.name;
          product.specId = selectedItems.product.productSpec.id;
        } else {
          product.price = selectedItems.product.price;
        }
        products.push(product);
        cartIds.push(selectedItems.id)
        var cart = {};
        cart.id = selectedItems.id;
        cart.count = selectedItems.count;

        shoppingCartIds.push(cart);
      }

      if (this.data.items[i].product.isActive == 0) {
        canShipping = true;
      }
    }

    this.setData({
      products: products,
      shoppingCartIds: cartIds
    })

    if (!canShipping) {
      if (shoppingCartIds.length) {
        network._post_json(this, api.modifyShoppingCar, { shoppingCartIds }, modifySuccess);
      } else {
        this.showZanTopTips('请选择商品');
      }
    } else {
      this.showZanTopTips('商品已下架');
    }
  }, 

  goProductDetails(e) {
    if (utils.canTap(e)) {
      var id = e.currentTarget.dataset.id;
      wx.navigateTo({
        url: '/pages/product/productDetails?productId=' + id
      })
    }
  }
}))

/**
 * 计算所选商品的总价
 */
var allPrice = function (that, items) {
  var price = 0;
  for (var i = 0; i < items.length; i++) {
    if (items[i].selected) {
      price += items[i].product.price * items[i].count
      that.setData({
        price: price
      })
    }
  }

  if (that.data.count == 0) {
    that.setData({
      price: 0
    })
  }
}

/**
 * 判断全选
 */
var isAllSelected = function (that, items) {
  var count = 0;
  for (var i = 0; i < that.data.items.length; i++) {
    if (that.data.items[i].selected) {
      count++;
    }
  }
  that.setData({
    count: count
  })
  if (that.data.items.length == count) {
    that.setData({
      all_selected: true
    })
  } else {
    that.setData({
      all_selected: false
    })
  }
}

// 获取购物车列表结果
var success = function (that, res) {
  if (res.data.data) {
    var shopCart = res.data.data;

    for (var i = 0; i < shopCart.length; i++) {
      shopCart[i].selected = true;
      if (shopCart[i].product.productSpec) {
        shopCart[i].product.price = shopCart[i].product.productSpec.price;
      }
    }

    that.setData({
      items: that.data.items.concat(shopCart),
      recordsTotal: res.data.recordsTotal
    })

    isAllSelected(that, that.data.items);
    allPrice(that, that.data.items);
  }
}

// 删除购物车
var delSuccess = function (that, res) {
  that.data.items.splice(delIndex, 1)
  that.setData({
    items: that.data.items
  })
  allPrice(that, that.data.items);
}

// 修改购物车成功
var modifySuccess = function (that, res) {
  try {
    wx.setStorageSync('products', that.data.products)
  } catch (e) {
  }
  // 进入结算
  wx.navigateTo({
    url: '/pages/pay/pay?shoppingCartIds=' + JSON.stringify(that.data.shoppingCartIds)
  })
}